@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-weight:normal; font-family:"微软雅黑"; font-size:14px;}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#777777; text-decoration:none;}
a:hover { color:#777777; text-decoration:underline;}

/* 头部 */
.top-box{ width:100%; height:220px; background:url(/images/top-bg.jpg) center no-repeat;}
.top-con{ width:1200px; height:170px; overflow:hidden; margin:0 auto;}
.top-hc{ padding:0 0 0 1060px;}
.top-hc a{ padding:0 0 0 10px; height:40px; line-height:40px;}
.ico-tel{ width:205px; height:90px; padding:40px 0 0 995px; font-size:24px; color:#000;  line-height:22px;}
.ico-tel p{ color:#ff8400; font-size:16px; font-style:normal;}

/* 导航 */
.menu{ width:1200px; height:50px; overflow:hidden; margin:0 auto;}
.menu li{ width:125px; height:50px; line-height:50px; font-size:16px; text-align:center; margin:0 23px; float:left;}
.menu li a{ width:113px; padding:0 8px 0 4px; color:#fff; display:block;}
.menu li a:hover{ width:113px; padding:0 8px 0 4px; color:#fff; background:url(/images/m-hover.jpg) no-repeat; text-decoration:none;}

/* banner */
.banner-box{ min-width:1000px; height:450px; position:relative;}
.banner-box .banner{ position:relative; z-index:0;}
.banner-box .banner ul{ width:100% !important;}
.banner-box .banner li{ width:100% !important; height:450px;}
.banner-box .banner li a{ position:absolute; width:100%; height:450px; display:block; z-index:1;}
.banner-box .dn{ width:100%; position:absolute; z-index:1; bottom:5px; left:0; height:30px; line-height:30px; text-align:center;}
.banner-box .dn ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:4px; background:#fff; border-radius:14px; overflow:hidden; line-height:9999px; filter:alpha(opacity=100);opacity:1;}
.banner-box .dn ul .on{ background:#ffa800; filter:alpha(opacity=100);opacity:1;}

/* 关于我们 */
.ab-box{ background:#f5f5f5; padding:30px 0;}
.ab-box .con{ width:1200px; height:280px; color:#777777; line-height:30px; overflow:hidden; margin:0 auto;}
.ab-box .con img{ width:390px; height:280px; margin:0 20px 0 0; float:left;}
.ab-box .con .tit{ width:790px; height:30px; position:relative; overflow:hidden;}
.ab-box .con .tit span{ font-size:28px; color:#c6c6c6;}
.ab-box .con .tit em{ font-size:24px; color:#30629b; position:absolute; top:-2px; left:147px;}

/* 资质&联系 */
.rl-box{ width:1200px; height:280px; overflow:hidden; margin:30px auto;}
.ry-box{ width:880px; height:280px; margin:0 20px 0 0; float:left;}
.ry-box .tit{ height:43px; position:relative; overflow:hidden;}
.ry-box .tit span{ font-size:28px; line-height:30px; color:#c6c6c6;}
.ry-box .tit em{ font-size:24px; line-height:30px; color:#30629b; position:absolute; top:0px; left:115px;}
.ry-box .tit a{ padding:5px 15px; color:#fff; background:#30629b; position:absolute; right:0; text-decoration:none;}
.ry-box .con{ width:838px; height:195px; padding:20px; border:1px solid #d6d6d6; overflow:hidden;}
.ry-box .con .cc{ width:838px; height:195px; overflow:hidden;}
.ry-box .con .cc li{ width:280px; height:195px; margin:0 20px 0 0; float:left;}
.ry-box .con .cc li img{ width:280px; height:195px;}
.lx-box{ width:300px; height:280px; background:url(/images/lx-bg.jpg) no-repeat; position:relative; float:left;}
.lx-box .ico{ width:130px; height:18px; line-height:18px; padding:14px 0 0 40px; color:#fff; background:url(/images/tel-ico.jpg) left no-repeat; position:absolute; left:20px; top:60px;}
.lx-box .hm{ font-size:24px;  position:absolute; left:20px; top:100px; color:#fff;}
.lx-box .hm span{ font-size:18px;}
.lx-box .dz{ width:240px; line-height:24px; color:#777777; position:absolute; left:20px; top:160px;}

/* 产品展示 */
.pro-box{ padding:30px 0; background:#30629b; overflow:hidden;}
.pro-box .con{ width:1200px; overflow:hidden; margin:0 auto;}
.pro-box .con .tit{ width:1200px; height:36px; line-height:31px; position:relative; overflow:hidden; background:url(/images/pro-tit.jpg) no-repeat;}
.pro-box .con .tit span{ font-size:43px; color:#537cac; position:absolute; top:0px; left:405px;}
.pro-box .con .tit em{ font-size:36px; color:#fff; position:absolute; top:0px; left:647px;}
.pro-box .con .cc{ overflow:hidden;}
.pro-box .con .cc .hd{ padding:20px 0 10px 0; border-bottom:1px solid #537cac; position:relative; overflow:hidden;}
.pro-box .con .cc .hd li{ padding:10px 20px; color:#fff; margin:0 10px; background:#537cac; overflow:hidden; cursor:pointer; float:left;}
.pro-box .con .cc .hd li.on{ background:#ff8400;}
.pro-box .con .cc .bd{ width:1200px; height:376px; overflow:hidden;}
.pro-box .con .cc .bd ul{ width:1220px;}
.pro-box .con .cc .bd li{ width:224px; height:168px; position:relative; margin:20px 20px 0 0; display:inline; overflow:hidden; float:left;}
.pro-box .con .cc .bd li img{ width:224px; height:168px;}
.pro-box .con .cc .bd li .tf{ position:absolute; left:0; top:-168px; width:100%; height:100%; overflow:hidden; background:url(/images/black.png) repeat;}
.pro-box .con .cc .bd li .tf a{ display:block; color:#fff; font-size:16px; text-align:center;}
.pro-box .con .cc .bd li .tf a img{ width:40px; height:40px; margin:40px 0 15px 0;}
.pro-box .con .cc .bd li .tf a:hover{ text-decoration:none;}

/* 新闻动态 */
.news-box{ padding:30px 0; overflow:hidden;}
.news-box .con{ width:1200px; overflow:hidden; margin:0 auto;}
.news-box .con .tit{ width:1200px; height:36px; line-height:31px; position:relative; overflow:hidden; background:url(/images/news-tit.jpg) no-repeat;}
.news-box .con .tit span{ font-size:43px; color:#c6c6c6; position:absolute; top:0px; left:460px;}
.news-box .con .tit em{ font-size:36px; color:#30629b; position:absolute; top:0px; left:595px;}
.news-box .con .cc{ margin:20px 0 0 0; overflow:hidden;}
.news-box .con .cc .ll{ width:380px; height:324px; background:#f5f5f5; margin:0 20px 0 0; overflow:hidden; float:left;}
.news-box .con .cc .ll img{ width:380px; height:170px;}
.news-box .con .cc .ll span{ color:#777777; padding:15px 20px; line-height:24px; position:relative; display:block;}
.news-box .con .cc .ll p{ color:#30629b;}
.news-box .con .cc .ll a{ color:#fff; padding:0 14px; background:#30629b; position:absolute; bottom:-8px; right:20px; text-decoration:none;}
.news-box .con .cc .rr{ width:550px; height:324px; float:left;}
.news-box .con .cc .rr li{font-size:16px; height:42px; line-height:30px; padding:14px 0 0 0; border-bottom:1px dashed #e8e8e8; overflow:hidden;}
.news-box .con .cc .rr li em{ font-size:16px; color:#30629b; float:right;}
.news-box .con .cc .rr .rq{ width:66px; height:60px; font-size:12px; background:#f5f5f5; line-height:30px; padding:10px 0 0 0; margin:0 20px 0 0; text-align:center; color:#777777; float:left;}
.news-box .con .cc .rr .rq p{ font-size:30px; color:#777777;}

.news-box .con .cc .rr2{ width:550px; height:324px; float:right;}
.news-box .con .cc .rr2 li{font-size:16px; height:42px; line-height:30px; padding:14px 0 0 0; border-bottom:1px dashed #e8e8e8; overflow:hidden;}
.news-box .con .cc .rr2 li em{ font-size:16px; color:#30629b; float:right;}
.news-box .con .cc .rr2 .rq{ width:66px; height:60px; font-size:12px; background:#f5f5f5; line-height:30px; padding:10px 0 0 0; margin:0 20px 0 0; text-align:center; color:#777777; float:left;}
.news-box .con .cc .rr2 .rq p{ font-size:30px; color:#777777;}



/* 案例展示 */
.al-box{ padding:30px; background:#f5f5f5; overflow:hidden;}
.al-box .con{ width:1200px; overflow:hidden; margin:0 auto;}
.al-box .con .tit{ width:1200px; height:36px; line-height:31px; position:relative; overflow:hidden; background:url(/images/al-tit.jpg) no-repeat;}
.al-box .con .tit span{ font-size:43px; color:#c6c6c6; position:absolute; top:0px; left:398px;}
.al-box .con .tit em{ font-size:36px; color:#30629b; position:absolute; top:0px; left:649px;}
.alk .bd{ height:200px; margin:20px 0 0 0;}
.alk .bd ul{ overflow:hidden; zoom:1;}
.alk .bd li{ width:224px; height:168px; background:url(/images/al-bg.jpg) no-repeat; padding:16px 21px; margin:0 20px 0 0; position:relative; overflow:hidden; float:left;}
.alk .bd li .tu{ width:224px; height:168px;}
.alk .bd li .tu img{ width:224px; height:168px;}
.alk .bd li .tx{ width:224px; height:30px; line-height:30px; text-align:center; background:url(/images/al-tit-bg.png) no-repeat; position:absolute; bottom:16px; left:21px;}
.alk .bd li .tx a{ color:#fff; text-decoration:none;}

/* 友情链接 */
.link-box{ width:100%; height:40px; background:#264e7b;}
.link-box .con{ width:1200px; height:40px; line-height:40px; margin:0 auto;}
.link-box .con h3{ color:#fff; float:left;}
.link-box .con a{ color:#fff; margin:0 10px 0 0; float:left;}

/* 底部 */
.foot-box{ width:100%; overflow:hidden;}
.foot-box .con{ width:100%; height:80px; padding:20px 0 0 0; background:url(/images/foot-bg.jpg) repeat-x; overflow:hidden;}
.foot-box .con .cc{ width:1200px; color:#fff; text-align:center; line-height:24px; overflow:hidden; margin:0 auto;}
 
/* 内页 */
.n-box{ width:1200px; overflow:hidden; margin:20px auto;}
.l-box{ width:300px; margin:0 20px 0 0; float:left;}
.r-box{ width:880px; overflow:hidden; float:left;}

.n-fl{ margin:0 0 15px 0; overflow:hidden;}
.n-fl .tit{ height:30px; position:relative; overflow:hidden;}
.n-fl .tit span{ font-size:23px; color:#c6c6c6;}
.n-fl .tit em{ font-size:20px; color:#30629b; position:absolute; top:0px; left:120px;}

.n-fl .con{ padding:15px 15px 10px 15px; border:1px solid #d6d6d6; overflow:hidden;}
.n-fl .con li{ overflow:hidden; margin:0 0 5px 0;}
.n-fl .con li a{ height:36px; line-height:36px; background:#f5f5f5; border-left:5px solid #30629b; padding:0 0 0 15px; display:block;}
.n-fl .con li a:hover{ height:36px; line-height:36px; background:#e8e8e8; text-decoration:none; display:block;}

.n-lx-box{ width:300px; height:280px; background:url(/images/lx-bg.jpg) no-repeat; position:relative;}
.n-lx-box .ico{ width:130px; height:18px; line-height:18px; padding:14px 0 0 40px; color:#fff; background:url(/images/tel-ico.jpg) left no-repeat; position:absolute; left:20px; top:60px;}
.n-lx-box .hm{ font-size:24px;  position:absolute; left:20px; top:100px; color:#fff;}
.n-lx-box .hm span{ font-size:18px;}
.n-lx-box .dz{ width:240px; line-height:24px; color:#777777; position:absolute; left:20px; top:160px;}

.zubi{ height:30px; line-height:24px; border-bottom:2px solid #d6d6d6; color:#828282; overflow:hidden;}

.n-cont{ padding:15px 0 0 0; line-height:30px; color:#828282;}
.n-cont img{ width:800px; display:block; margin:0 auto 10px auto;}
.con_title{text-align:center; font-size:20px;}
.author{ text-align:center; font-size:12px; border-bottom:#dedede dashed 1px; height:28px; line-height:28px; margin:5px 0px 10px 0px;}
.fy{ margin:20px 0 0 0; border-top:#ccc 1px dashed; padding:7px 0 0 10px; line-height:30px;}

.n-tit{ height:70px; line-height:36px; background:url(/images/n-titbg.html) no-repeat; overflow:hidden;}
.n-tit p{ color:#cfcfcf; font-size:30px; font-weight:bold;}
.n-tit span{ color:#049f13; font-size:24px;}

.pageListNav{ margin:20px auto 0 auto; text-align:center;}
.pageListNav a{ display:inline-block; padding:0 15px; height:36px; line-height:36px; color:#777777; margin:0 5px 0 0; border:1px solid #dddddd; border-radius:3px 3px;}
.pageListNav a:hover{ color:#fff; background:#6cab20; border:1px solid #6cab20; text-decoration:none;}
.pageListNav span{ display:inline-block; padding:0 15px; height:36px; line-height:36px; color:#777777; margin:0 5px 0 0; border:1px solid #dddddd; border-radius:3px 3px;}
.pageListNav .ym{ width:27px; padding:0 15px; text-align:center; height:18px; margin:8px 5px 0 0; border:1px solid #dddddd;}
.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	padding:12px 14px 12px;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#fcfcfc;
	text-decoration:none;
	padding:2px 4px 2px;
	background-color:#6cab20;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:12px 14px 12px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}


.n-xw{ margin:10px 0 0 0;}
.n-xw li{ height:40px; line-height:40px; border-bottom:1px dashed #dddddd;}
.n-xw li span{ float:right; color:#777777;}

.n-cp{ width:880px; overflow:hidden;}
.n-cp li{ width:224px; height:168px; position:relative; margin:20px 30px 0 30px; display:inline; overflow:hidden; float:left;}
.n-cp li img{ width:224px; height:168px;}
.n-cp li .tf{ position:absolute; left:0; top:-168px; width:100%; height:100%; overflow:hidden; background:url(/images/black.png) repeat;}
.n-cp li .tf a{ display:block; color:#fff; font-size:16px; text-align:center;}
.n-cp li .tf a img{ width:40px; height:40px; margin:40px 0 15px 0;}
.n-cp li .tf a:hover{ text-decoration:none;}

.ryzs{ width:880px; overflow:hidden;}
.ryzs li{ width:280px; height:195px; margin:20px 40px 0 40px; float:left;}
.ryzs li img{ width:280px; height:195px;}

.n-al{ width:880px; overflow:hidden;}
.n-al li{ width:224px; height:168px; background:url(/images/n-al-bg.jpg) no-repeat; padding:16px 21px; margin:20px 27px 0 0; position:relative; overflow:hidden; float:left;}
.n-al li .tu{ width:224px; height:168px;}
.n-al li .tu img{ width:224px; height:168px;}
.n-al li .tx{ width:224px; height:30px; line-height:30px; text-align:center; background:url(/images/al-tit-bg.png) no-repeat; position:absolute; bottom:16px; left:21px;}
.n-al li .tx a{ color:#fff; text-decoration:none;}

/* 留言板 */
.lyb-box{ margin:15px 0 0 0; overflow:hidden;}
.oinput1{ border:1px solid #ccc; height:20px; line-height:20px; width:75px; color:#444; background:#fff;}
.oinput2{ border:1px solid #ccc; height:20px; line-height:20px; width:180px; color:#444; background:#fff;}
.textarea1{ border:1px solid #ccc; color:#444; background:#fcfcfc; font-size:14px; margin-top:5px;}
.mesage_ask{ line-height:1.8; background:#f5f5f5; padding:5px 10px; margin-top:10px; font-size:12px; color:#828282;}
.mesage_ask p{ margin:0;}
.mesage_replay{ padding:5px 10px; line-height:1.8; font-size:14px;}
.mesage_replay p{ margin:0;}
.admin{ color:#30629b;}

/* 漂浮 */
.fd-box{ position:fixed; width:156px; right:0; top:100px; background:#fff; border:3px solid #30629b;}
.gb{ width:18px; height:18px; line-height:18px; text-align:center; background:#f5a300; display:block; cursor:pointer; color:#fff; font-size:12px; position:absolute; top:0; left:0;}
.fd-t{ height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; font-weight:bold; background:#30629b;}
.fd-cc{ padding:5px;}
.fd-cc li{ line-height:30px; text-align:center; color:#000; font-weight:bold;}
.fd-cc ul h3{ text-align:center; height:36px; line-height:36px; font-size:15px; color:#ff8500; background:#f5f5f5; margin:5px 0;}
.fd-cc li img{ width:100px; height:100px; margin:15px 0;}
.fd-cc li a{ color:#000;}


.dede_pages { clear: both; padding: 1em 0 .5em 0; text-align: center }
.pagelist { margin: 40px 0px; font-size: 12px; color: #999;display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) }
.pagelist li {font-size: 12px;  list-style: none; display: inline; float: left; line-height: 1em; text-decoration: none; border: 1px solid #ddd; border-left-width: 0 }
.pagelist li a {font-size: 12px;  display: inline-block; padding: .5em .8em; color: #999 }
.pagelist li a:link { background: #fff; color: #999 }
.pagelist li a:hover { text-decoration: none }
.pagelist li a:link:hover { color: #000 }
.pagelist li.thisclass { color: #999 }
.pagelist li:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px }
.pagelist li:last-child { border-radius: 0 3px 3px 0 }
.pagelist .pageinfo { color: #999;font-size: 12px;}
.pageinfo {font-size: 12px;  display: inline-block; padding: .4em .8em; color: #999 }
.pageinfo strong{font-size: 12px;color:#999;}
.select { border: none; color: #999; height: 24px }
.thisclass { display: inline-block; padding: .5em .8em; color: #999 }